<template>
    <div id="app">
        <div id="beijing">
              
            <span class="fa faa fa-cog"></span>
          
            <br>
           <router-link to="account/name">
            <div id="yuan">
                <img src="/static/touxiang.png" >
            </div>
              </router-link>
        </div>
        <div id="dingdan">
            <span class="fa af fa-file-text"> 我的订单</span>
            <span id="chakan">查看全部订单 ›</span>
        </div>
        <div id="shouhuo">
            <span class="fa qq fa-credit-card"> 代付款</span>
            
           <span class="fa qq fa-truck"> 待收货</span>
           <span class="fa qq fa-suitcase"> 退款/售后</span>

        </div>
         <div id="ding">
            <span class="fa af fa-file-text"> 我的钱包</span>
            <span id="chakan">礼卷/礼品卡等 ›</span>
        </div>

        <div id="shouhuo">
            <span class= "qq" >￥0.00</span>
           <span class= "qq" > 0</span>
           <span class= "qq" > 0</span>
        </div>
         <div id="ding">
            <span class="fa af  fa-drupal"> 帮助中心</span>
            <span id="chakan">电话客服常见问题 ›</span>
        </div>
        <div id="xihuan">
            <span class="fa cai fa-heart" > 猜你喜欢</span>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    #app{
        width: 100vw;
        height: 100vh;
        background-color: #EEEEEE;
    }
    #beijing{
        width: 100%;
        height: 180px;
        background-image: url(/static/beijing.jpg)
    }
    #yuan{
        
        border-radius: 100%;
        /*line-height: 170px;*/
        margin: 0 auto;
        text-align: center;
        width: 28vw;
        height: 28vw;
        border: solid 1px snow;
    }
    img{
        margin: 1vw;
        border-radius: 100%;
        width: 25vw;
        height: 25vw;
    }
    .faa{
        /*padding-right: 10px;*/
        margin: 13px;
    float: right;
    color: white;
    font-size: 20px;
    }
    .af{
        margin: 10px;
        font-size: 13px;
    }
    #dingdan{
        line-height: 35px;
        height: 35px;
        background-color: white;
        border-bottom: solid 1px #ccc;
    }
    #chakan{
        font-size: 12px;
        line-height: 35px;
        padding-right: 10px;
        float: right;
        color: #999;
    }
    #shouhuo{
        display: flex;
        height: 50px;
        background-color: white;
    }
    .qq{
        font-size: 15px;
        margin: 13px;
        width: 33%;
    }
     #ding{
         margin-top: 10px;
        line-height: 35px;
        height: 35px;
        background-color: white;
        border-bottom: solid 1px #ccc;
    }
    #xihuan{
        height: 60px;
        background-color: white;
        margin-top: 8px;
    }
    .cai{
        margin: 10px;
        font-size: 14px;
        color: #333;
    }
</style>